<!DOCTYPE html>

<html xmlns="http://www.w3.org/1999/xhtml" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">

    <title th:text="${articleType}"></title>
    <meta name="keywords" content="">
    <meta name="description" content="">
    <link rel="stylesheet" type="text/css" href="/public/css/common.css?v7.2"/>
    <link rel="stylesheet" type="text/css" href="/public/css/public.css?v1"/>
    <script type="text/javascript" src="/public/js/jq.js?v4.1"></script>
    <script type="text/javascript" src="/public/js/ss.js?v4.8"></script>
</head>
<body>
<div class="" style="display: none; position: absolute;">
    <div class="aui_outer">
        <table class="aui_border">
            <tbody>
            <tr>
                <td class="aui_nw"></td>
                <td class="aui_n"></td>
                <td class="aui_ne"></td>
            </tr>
            <tr>
                <td class="aui_w"></td>
                <td class="aui_c">
                    <div class="aui_inner">
                        <table class="aui_dialog">
                            <tbody>
                            <tr>
                                <td colspan="2" class="aui_header">
                                    <div class="aui_titleBar">
                                        <div class="aui_title" style="cursor: move;"></div>
                                        <a class="aui_close">×</a></div>
                                </td>
                            </tr>
                            <tr>
                                <td class="aui_icon" style="display: none;">
                                    <div class="aui_iconBg" style="background: none;"></div>
                                </td>
                                <td class="aui_main" style="width: auto; height: auto;">
                                    <div class="aui_content" style="padding: 20px 25px;"></div>
                                </td>
                            </tr>
                            <tr>
                                <td colspan="2" class="aui_footer">
                                    <div class="aui_buttons" style="display: none;"></div>
                                </td>
                            </tr>
                            </tbody>
                        </table>
                    </div>
                </td>
                <td class="aui_e"></td>
            </tr>
            <tr>
                <td class="aui_sw"></td>
                <td class="aui_s"></td>
                <td class="aui_se" style="cursor: se-resize;"></td>
            </tr>
            </tbody>
        </table>
    </div>
</div>
<div class="pb-container">
    <div class="pb-container-main pb-after-clear"> <!-- 公共头部 -->

        <div class="pb-main pb-navwrap pb-after-clear" th:include="web_public :: header"></div>
        <!-- 公共头部 -->

        <!-- 面包屑 -->
        <!--<div class="pb-main pb-breadcrumbs pb-breadcrumbs-nav pb-mt40 pb-size-small"> <a href="/web/article/blog">主页</a> &gt; <a th:href="@{'/web/article/list?articleType='+${article}.articleType+'&page=1'}" th:text="${article}.articleType"></a> &gt;  </div>-->
        <!-- 面包屑结束 -->
        <!-- 当前页面内容 -->
        <link rel="stylesheet" type="text/css" href="/public/css/topics.css">
        <div class="pb-main pb-mt20">
            <!--专题章展示-->
            <div class="topics-main pb-inner-main pb-mt10">

                <ul class="pb-mt30" th:each="article:${article}">
                    <li>
                        <a th:href="@{'/web/article/detail?id='+${article.id}}">
                            <img th:src="@{${article.articlePicture}}" class="pb-fl" th:alt="${article.articleTitle}">
                        </a>
                        <dl>
                            <dt>
                                <a th:href="@{'/web/article/detail?id='+${article.id}}"
                                   th:text="${article.articleTitle}"></a>
                            </dt>
                            <dd class="pb-mt10">
                                <strong>日期</strong> ： <a th:text="${#dates.format(article.createAt,'yyyy-MM-dd')}"></a>
                            </dd>
                            <dd th:text="${article.articleAbstract}"></dd>
                        </dl>
                    </li>
                </ul>
                <div class="pb-mt50 pb-listpage">

                <li th:if="${page eq 1}">首页</li>
                <li th:unless="${page eq 1}"><a th:href="@{'/web/article/selectByKey?articleName='+${articleName}+'page=1'}">首页</a></li>

                <li th:unless="${page eq 1}"><a href="http://demo380.adminbuy.cn/a/yxwz/list_1_2.html">上一页</a></li>

                <div  th:each="i:${#numbers.sequence(1,number)}">
                <li><a th:text="${i}" th:href="@{'/web/article/selectByKey?articleName='+${articleName}+'&page='+${i}}"></a></li>
                </div>

                <li th:unless="${page eq number}"><a href="http://demo380.adminbuy.cn/a/yxwz/list_1_2.html">下一页</a></li>

                <li th:if="${page eq number}">末页</li>
                <li th:unless="${page eq number}"><a th:href="@{'/web/article/selectByKey?articleName='+${articleName}+'&page='+${number}}">末页</a></li>

                <li>
                <select name="sldd" style="width:36px" onchange="location.href=this.options[this.selectedIndex].value;" >
                <option th:value="@{'/web/article/selectByKey?articleName='+${articleName}+'&page='+${number}}"  th:each="j:${#numbers.sequence(1,number)}" th:selected="(${j} == ${page})" th:text="${j}"></option>
                </select>
                </li>

                </div>
            </div>
            <div class="commside">
                <!--右侧我要投稿公共部分-->

                <!--右侧我要投稿公共部分-->
                <div class="pb-main-side pb-iblock pb-after-clear pb-fr pb-mt40">
                    <h6 class="pb-clr1 pb-size-big">热文排行</h6>
                    <div class="pb-line2 pb-mt5"></div>
                    <ul class="pb-mt10 previous-term pb-size-normal" th:each="top:${articleTop7}">
                        <li>
                            <span>.</span>
                            <a th:href="@{'/web/article/detail?id='+${top.id}}" th:text="${top.articleTitle}"></a>
                            <div class="pb-line2"></div>
                        </li>
                    </ul>
                </div>
                <div style="clear:both;"></div>
                <div class="sidewrap  pb-mt40">
                    <h6 class="pb-clr1 pb-size-big">倾听世界</h6>
                    <div class="pb-line2 pb-mt5"></div>
                    <div style="height:480px;overflow:hidden;" class="con pr" th:each="lw:${articleListenWorld6}">
                        <div th:if="${(lwStat.index)%2 eq 0}"
                             th:style="'left:0px;height:150px;top:' + @{(${lwStat.index}/2*155+15)} + 'px'"
                             class="single"><a th:title="${lw.articleTitle}"
                                               th:href="@{'/web/article/detail?id='+${lw.id}}"><img
                                th:alt="${lw.articleTitle}" th:src="${lw.articlePicture}" style="width:145px;"></a>
                        </div>

                        <div th:if="${(lwStat.index)%2 eq 1}"
                             th:style="'left:150px;height:150px;top:' + @{(${lwStat.index}/2*155+15)} + 'px'"
                             class="single"><a th:title="${lw.articleTitle}"
                                               th:href="@{'/web/article/detail?id='+${lw.id}}"><img
                                th:alt="${lw.articleTitle}" th:src="${lw.articlePicture}" style="width:145px;"></a>
                        </div>
                    </div>
                </div>
            </div>
            <div style="clear:both;"></div>
        </div>
    </div>
    <!-- 当前页面内容结束 -->
    <div style="clear:both;"></div>
    <!-- 公共尾部 -->

    <div style="clear:both;"></div>
    <div class="pb-footer" th:include="web_public :: footer"></div>
</div>

<div style="display: none; position: fixed; left: 0px; top: 0px; width: 100%; height: 100%; cursor: move; opacity: 0; background: rgb(255, 255, 255);"></div>
</body>
</html>